@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: "华文彩云";
	font-size: 121px;
}

body{
	background: url(../img/战地.jpg);
	background-size: 100% 960px;
	background-repeat: no-repeat;
}

.粉粉{
	width: 600px;
	height: 500px;
	border: 1px soild red;
	background: url(../img/粉粉.png);
	background-size: 100% 100%;
	position: relative;
	top: 120px;
	left: 50px;
	animation: 粉粉 10s linear infinite;
}
.猫猫{
	width: 600px;
	height: 500px;
	border: 1px soild red;
	background: url(../img/猫猫.png);
	background-size: 100% 100%;
	position: relative;
	top: -360px;
	left: 141px;
	animation: 猫猫 10s linear infinite;
}
@keyframes 粉粉{
	0%{
		left: 200px;
	}
	10%{
		top: 200px;
		left: 68px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	20%{
		top: 218px;
		left: 430px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	30%{
		top: 218px; 
		left: 430px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	40%{
		top: 55px;
		left: 413px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
		}
	50%{
		top: 218px;
		left: 430px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
	}
	60%{
		top: 218px;
		left: 430px;
		background: url(../img/粉粉.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	70%{
		top: 218px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.5);
		}
	80%{
		top: 218px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.4);
		}
	90%{
		top: 218px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.3);
		}
	100%{
		top: 218px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.2);
		}
}

@keyframes 猫猫{
	0%{
		left: 200px;
	}
	10%{
		top: -360px;
		left: 141px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	20%{
		top: -400px;
		left: 141px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	30%{
		top: -340px; 
		left: 430px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	40%{
		top: -350px;
		left: 413px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
		}
	50%{
		top: -360px;
		left: 430px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
	}
	60%{
		top: -360px;
		left: 430px;
		background: url(../img/猫猫.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	70%{
		top: -360px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.5);
		}
	80%{
		top: -360px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.4);
		}
	90%{
		top: -360px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.3);
		}
	100%{
		top: -360px;
		left: 430px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.2);
		}
}
.双马尾{
	width: 600px;
	height: 500px;
	border: 1px soild red;
	background: url(../img/双马尾.png);
	background-size: 100% 100%;
	position: relative;
	top: -1032px;
	  left: 779px;
	animation: 双马尾 10s linear infinite;
}
@keyframes 双马尾{
	0%{
		left: 200px;
	}
	10%{
		top: -1000px;
		left: 700px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	20%{
		top: -1080px;
		left: 800px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	30%{
		top: -1000px; 
		left: 760px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	40%{
		top: -980px;
		left: 700px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
		}
	50%{
		top: -1110px;
		left: 620px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
	}
	60%{
		top: -1200px;
		left: 700px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	70%{
		top: -1200px;
		left: 700px;
		background: url(../img/双马尾.png);
		background-size: 100% 100%;
		transform: scale(.5);
		}
	80%{
		top: -1200px;
		left: 700px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.4);
		}
	90%{
		top: -1200px;
		left: 700px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.3);
		}
	100%{
		top: -1200px;
		left: 700px;
		background: url(../img/哈喽.png);
		background-size: 100% 100%;
		transform: scale(.2);
		}
}
.猪猪{
	width: 600px;
	height: 500px;
	border: 1px soild red;
	background: url(../img/猪猪.png);
	background-size: 100% 100%;
	position: relative;
	top: -1225px;
	left: 900px;
	animation: 猪猪 10s linear infinite;
}
@keyframes 猪猪{
	0%{
		left: 200px;
	}
	10%{
		top: -1100px;
		left: 600px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	20%{
		top: -1060px;
		left: 590px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	30%{
		top: -1218px; 
		left: 530px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	40%{
		top: -1055px;
		left: 613px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
		}
	50%{
		top: -1018px;
		left: 530px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: rotate(360deg) scale(1);
	}
	60%{
		top: -1018px;
		left: 530px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: scale(1);
		}
	70%{
		top: -1018px;
		left: 530px;
		background: url(../img/猪猪.png);
		background-size: 100% 100%;
		transform: scale(.5);
		}
	80%{
		top: -1018px;
		left: 530px;
		background: url(../img/颗秒.jpg);
		background-size: 100% 100%;
		transform: scale(.4);
		}
	90%{
		top: -1018px;
		left: 530px;
		background: url(../img/颗秒.jpg);
		background-size: 100% 100%;
		transform: scale(.3);
		}
	100%{
		top: -1018px;
		left: 530px;
		background: url(../img/颗秒.jpg);
		background-size: 100% 100%;
		transform: scale(.2);
		}
}
